<template>
  <div class="bear">
    <div class="toggleWrapper">
      <input type="checkbox" class="dn" id="dn" />
      <label for="dn" class="toggle">
        <span class="toggle__handler"></span>
        <p v-if="!this.$store.state.changeCss">булған һәм сығыу ҡурҡынысы.</p>
        <p v-else>黑暗模式下,什么都可能发生(Q)</p>
      </label>
      <div class="bear-body">
        <span class="eye left"></span>
        <span class="eye right"></span>
      </div>
    </div>

    <p id="nn">如果过小或者过大，请按住ctrl加鼠标滚动调整合适</p>
  </div>
</template>

<script src="./index.js">

</script>

<style lang="less">
@import './index.less';
</style>